import {
  DatePicker,
  MonthPicker,
  DateTimePicker,
  YearPicker,
  TimePicker,
  WeekPicker,
} from 'choerodon-ui/pro';
import React from 'react';


function onChange(value:Date|undefined, oldValue:Date|undefined) {
  console.log(value, oldValue);
}

const datePickerBasic: React.FC = ():React.ReactElement => {
  return (
    <>
      <DatePicker onChange={onChange} placeholder="Select date" label="选择日子" />
      <br />
      <MonthPicker onChange={onChange} placeholder="Select month" label="选择月" />
      <br />
      <WeekPicker onChange={onChange} placeholder="Select week" label="选择周" />
      <br />
      <YearPicker onChange={onChange} placeholder="Select year" label="选择年" />
      <br />
      <TimePicker onChange={onChange} placeholder="Select time" label="选择时间" />
      <br />
      <DateTimePicker onChange={onChange} placeholder="Select date timeDate " label="选择日期" />
    </>
  );
};

export default datePickerBasic;